  <div id="messages">
    <div id="messages-default">
        <a href="#" role="button" class="ui-notify-close ui-corner-all ui-state-default" title="close"><span class="ui-icon ui-icon-closethick">close</span></a><div class="ui-widget-header ui-corner-top">#{title}</div><div class="ui-widget-content ui-corner-bottom">#{text}</div>
    </div>

    <div id="messages-success">
        <div class="ui-state-highlight ui-corner-all"><a href="#" role="button" class="ui-notify-close ui-corner-all ui-state-default" title="close"><span class="ui-icon ui-icon-closethick">close</span></a><div class="ui-widget-header ui-corner-top">#{title}</div><span class="ui-icon ui-icon-info"></span><div class="ui-notify-highlight-content">#{text}</div></div>
    </div>

    <div id="messages-badge">
        <div class="ui-state-highlight ui-corner-all"><a href="#" role="button" class="ui-notify-close ui-corner-all ui-state-default" title="close"><span class="ui-icon ui-icon-closethick">close</span></a><div class="ui-widget-header ui-corner-top">#{name}</div><span class="badge-icon badge-icon-#{icon}"></span><div class="ui-notify-highlight-content">This is a new badge. You've earned it!</div><div class="clear"></div></div>
    </div>

    <div id="messages-error" class="ui-state-error">
        <div class="ui-state-error ui-corner-all"> <a href="#" role="button" class="ui-notify-close ui-corner-all ui-state-default" title="close"><span class="ui-icon ui-icon-closethick">close</span></a><div class="ui-widget-header ui-corner-top">#{title}</div><span class="ui-icon ui-icon-alert"></span><div class="ui-notify-error-content">#{text}</div></div>
    </div>
  </div>

